<template>
	<view class="">
		<TopBtn :title="titleName[title]"></TopBtn>
		<view class="container">
			<view v-html="data[title]">

			</view>
		</view>
	</view>
</template>

<script>
	import {
		getBasicSetting
	} from '@/api/user'
	export default {
		data() {
			return {
				current: 0,
				value: "",
				titleName: {
					facialAgreement: "人脸认证服务协议",
					privacyAgreement: "隐私协议",
					userAgreement: "服务协议"
				},
				id: "",
				data: {},
				text: ``,
				title: "facialAgreement",
			};
		},

		mounted() {

		},
		onLoad(option) {
			this.title = option.id
			this.getBasicSetting()
		},
		methods: {
			getBasicSetting(e) {
				getBasicSetting().then(res => {
					if (res.code == 0) {
						this.data = res.data
						console.log(this.data, 2000)
					}
				})
			},
		},
	};
</script>

<style lang="less" scopde>
	.container {
		width: 100%;
		height: 100%;
		height: calc(100vh - 128rpx);
		overflow: auto;
		padding: 30rpx;
		box-sizing: border-box;

		&>view {
			width: 690rpx;
			margin: 20rpx auto;
			background-color: #fff;
			padding: 20rpx;
			box-sizing: border-box;
			border-radius: 15rpx;
		}

	}
</style>